<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html class="not-ie no-js" lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<title>智慧推荐服务</title>

<meta name="description" content="">
<meta name="author" content="">

<link rel="icon" type="image/png" href="../images/favicon.ico">

<link rel="stylesheet" href="../css/style.css" media="screen" />
<link rel="stylesheet" href="../css/zhuye.css" media="screen" />
<link rel="stylesheet" href="../sliders/elastslider/elastic.css"
	media="screen" />
<link rel="stylesheet" href="../css/res_css/styles.css" media="screen" />
<!-- <link rel="stylesheet" href="../css/res_css/demo.css" media="screen" /> -->
<script src="../js/jquery-1.7.1.min.js"></script>
<script src="../js/respond.min.js"></script>
<script src="../js/jquery.easing-1.3.min.js"></script>
<script src="../sliders/elastslider/jquery.eislideshow.js"></script>
<script src="../js/jquery.jcarousel.min.js"></script>
<script src="../js/jquery.cycle.all.min.js"></script>
<script src="../js/custom.js"></script>
<script src="../js/modernizr.custom.js"></script>

<script type="text/javascript" src="../ext4/ext-all.js"></script>
<script type="text/javascript" src="../ext4/ext-lang-zh_CN.js"></script>
<!-- <script type="text/javascript" src="js/require.js"></script> -->
<script type="text/javascript" src="../js/Chart.js"></script>
<script src="../js/jquery.timelinr-0.9.6.js"></script>
<script type="text/javascript"
	src="../js1/restaurantAdvice.js?randId=<%=Math.random()%>"></script>




<script>
	$(function() {
		$().timelinr({
			arrowKeys : 'false'
		})
	});
</script>
</head>
<body class="liquid light">

	<div id="wrapper">


		<!-- ***************** - Header Top - ***************** -->

		<div id="header-top" class="clearfix">

			<a href="#" id="more"></a>

		</div>
		<!--/ #header-top-->

		<!-- ***************** - END Header Top - ***************** -->


		<!-- ***************** - Container - ***************** -->

		<section class="container">


			<!-- ***************** - Header - ***************** -->

			<header id="header" class="clearfix">

				<div id="logo">
					<h1>
						<a href="../index.jsp">智慧旅游</a>
					</h1>
					<div class="slogan">
						<font color="red"><span>个性化餐饮推荐服务</span> </font>
					</div>
					<!--/ .slogan-->
				</div>
				<!--/ #logo-->

				<nav id="navigation" class="navigation">
					<ul>
						<li class="current"><a href="../index.jsp">主页</a></li>
						<!-- <li><a href="features-typography.html">景点搜索</a></li>
						<li><a href="pages-about.html">个性化定制</a></li> -->
						<li><a href="portfolio-2columns.html">智慧旅游</a>
							<ul>
								<li><a href="index.jsp">首页</a></li>
								<li><a href="">游吃住购行</a>
									<ul>
										<li><a href="">吃</a></li>
										<li><a href="">住</a></li>

										<li><a href="">购</a></li>
										<li><a href="">行</a></li>
										<li><a href="">游</a>
									</ul></li>
							</ul></li>
						<li><a href="contacts.html">登录 </a>&nbsp;|&nbsp;<a
							href="contacts.html">注册</a>&nbsp;|&nbsp;<a href="contacts.html">注销</a>
						</li>
				</nav>
			</header>
			<!-- *************** - Projects Carousel - *************** -->

			<div class="page-title clearfix"
				style='height: 50px; vertical-align: middle;'>
				<ul class='footTitleUl'>
					<li><p style="margin-top: 0px; margin-bottom: 0px;">
						<h2>个性化推荐数据</h2>
						</p>
						<p style="margin-top: 0px; margin-bottom: 0px;">
						<h5 style="text-align: right; color: red;">品尝过的美味</h5>
						</p></li>
					<li>
						<div id="timeline">
							<ul id="dates">

								<!-- <li><p><a href="#" title='景点1'>2010.01.02</a></p><p>&nbsp;</p><p>&nbsp;</p></li>
								<li><p>&nbsp;</p><p><a href="#" title='景点2'>2011.02.02</a></p></li>
								<li><p><a href="#" title='景点3'>2011.04.02</a></p><p>&nbsp;</p><p>&nbsp;</p></li>
								<li><p>&nbsp;</p><p><a href="#" title='景点4'>2012.02.02</a></p></li>
								<li><p><a href="#" title='景点5'>2012.11.02</a></p><p>&nbsp;</p><p>&nbsp;</p></li>
								<li><p>&nbsp;</p><p><a href="#" title='景点6'>2014.02.02</a></p></li>
								<li><p><a href="#" title='景点7'>2014.05.02</a></p><p>&nbsp;</p><p>&nbsp;</p></li>
								<li><p>&nbsp;</p><p><a href="#" title='景点8'>2014.09.02</a></p></li>
								<li><p><a href="#" title='景点9'>2015.01.02</a></p><p>&nbsp;</p><p>&nbsp;</p></li>
								<li><p>&nbsp;</p><p><a href="#" title='景点10'>2016.02.02</a></p></li> -->

							</ul>
						</div>
					</li>
				</ul>



			</div>
			<div class="container" id='fdw-pricing-table'>
					<div class="plan plan1">
						<div class="header">性别</div>
						<div class="price">男</div>
						<!-- <div class="monthly">per month</div>
						<ul>
							<li><b>10GB</b> Disk Space</li>
							<li><b>100GB</b> Monthly Bandwidth</li>
							<li><b>20</b> Email Accounts</li>
							<li><b>Unlimited</b> subdomains</li>
						</ul>
						<a class="signup" href="http://www.freshdesignweb.com">Sign up</a> -->
					</div>
					<div class="plan plan2 popular-plan">
						<div class="header">昵称</div>
						<div class="price">非主流@青春</div>
					<!-- 	<div class="monthly">per month</div>
						<ul>
							<li><b>5GB</b> Disk Space</li>
							<li><b>50GB</b> Monthly Bandwidth</li>
							<li><b>10</b> Email Accounts</li>
							<li><b>Unlimited</b> subdomains</li>
						</ul>
						<a class="signup" href="http://www.freshdesignweb.com">Sign up</a> -->
					</div>
					<div class="plan plan3">
						<div class="header">年龄</div>
						<div class="price">19</div>
						<!-- <div class="monthly">per month</div>
						<ul>
							<li><b>3GB</b> Disk Space</li>
							<li><b>25GB</b> Monthly Bandwidth</li>
							<li><b>5</b> Email Accounts</li>
							<li><b>Unlimited</b> subdomains</li>
						</ul>
						<a class="signup" href="http://www.freshdesignweb.com">Sign up</a> -->
					</div>
					<div class="plan plan4">
						<div class="header">居住地</div>
						<div class="price">成都</div>
						<!-- <div class="monthly">per month</div>
						<ul>
							<li><b>1GB</b> Disk Space</li>
							<li><b>10GB</b> Monthly Bandwidth</li>
							<li><b>2</b> Email Accounts</li>
							<li><b>Unlimited</b> subdomains</li>
						</ul>
						<a class="signup" href="http://www.freshdesignweb.com">Sign up</a> -->
					</div>


			</div>
			<div class="container" id='personalRecommendDiv'>
				<!-- <ul class="projects-carousel clearfix" id='	'>
					<li class='onlyNot' width='25%' height='400'><canvas
							id="relaGraph"></canvas></li>
					<li id='personalRecommendUl1_li' width='75%'>
						<ul class="projects-carousel clearfix relatedUl"
							id='personalRecommendUl1_li_ul1'>
							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点一</h3>
							</a></li>
							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点二</h3>
							</a></li>
							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点三</h3>
							</a></li>
						</ul>
						<ul class="projects-carousel clearfix relatedUl"
							id='personalRecommendUl1_li_ul2'>
							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点四</h3>






							</a></li>

							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点五</h3>
							</a></li>
							<li><a href="#"> <img src="../image/default.jpg" alt="" />
									<h3 class="title">景点六</h3>
							</a></li>
						</ul>
					</li>

				</ul> -->
				
				<ul class="projects-carousel clearfix relatedUl"
					id='personalRecommendUl21'>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食1</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食2</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食3</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食4</h3>
					</a></li>
				</ul>

				<ul class="projects-carousel clearfix relatedUl"
					id='personalRecommendUl22'>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食5</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食6</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食7</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食8</h3>
					</a></li>
				</ul>


				<ul class="projects-carousel clearfix relatedUl"
					id='personalRecommendUl23'>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食9</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食10</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食11</h3>
					</a></li>
					<li><a href="#"> <img src="../image/default.jpg" alt="" />
							<h3 class="title">个性化推荐美食12</h3>
					</a></li>
				</ul>
				<!--/ .three-fourth-->

			</div>
			<!--/ .container-->


			<!-- *************** - end Projects Carousel - *************** -->


			<div class="page-title clearfix" style='margin-top: 100px;'>

				<h2 style='width: 400px;'>没有你喜欢的？猜你会喜欢这些</h2>

			</div>
			<div class="container">

				<div>
					<ul class="projects-carousel clearfix">
						<li><a href="#"><img
								src="../image/food_default.jpg"
								width="220" height="145px" /> </a>
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味1</font> </a>
							</p></li>

						<li><a href="#"><img
								src="../image/food_default.jpg"
								width="220" height="145" /> </a>
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味2</font> </a>
							</p></li>
						<li><a href="#"><img
								src="../image/food_default.jpg"
								width="220" height="145" /> </a>
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味3</font> </a>
							</p></li>
						<li><img
							src="../image/food_default.jpg"
							width="220" height="145" />
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味4</font> </a>
							</p></li>
					</ul>
					<ul class="projects-carousel clearfix">
						<li><img
							src="../image/food_default.jpg"
							width="220" height="145" />
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味5</font> </a>
							</p></li>
						<li><img
							src="../image/food_default.jpg"
							width="220" height="145" />
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味6</font> </a>
							</p></li>
						<li><img
							src="../image/food_default.jpg"
							width="220" height="145" />
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味7</font> </a>
							</p></li>
						<li><img
							src="../image/food_default.jpg"
							width="220" height="145" />
							<p>
								<a href="#"><font size="3px" color="#0000ff">美味8</font> </a>
							</p></li>
					</ul>
					<!--/ .projects-carousel -->
				</div>
				<!--/ .three-fourth-->

			</div>

			<!-- ************* - BEGIN Testimonials - *************** -->

			<div class="testimonials">

				<h1>内容三</h1>

				<div class="quote-nav">
					<span class="quote-prev">Previous</span> <span class="quote-next">Next</span>
				</div>
				<!--/ .quote-nav-->

				<ul class="quoteBox">
					<li>
						<blockquote class="quote-text">

							<div class="quote-author"></div>
						</blockquote>
					</li>
					<li>
						<blockquote class="quote-text">

							<div class="quote-author"></div>
						</blockquote>
					</li>
				</ul>
				<!--/ .quoteBox-->

			</div>
			<!--/ #testimonials -->

			<!-- ************* - end Testimonials - *************** -->


			<!-- ************* - Main Footer - *************** -->

			<footer id="footer" class="clearfix">

				<div class="one-half">

					<nav id="footer-nav" class="clearfix">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="features-shortcodes-elements.html">个性定制</a></li>
							<li><a href="pages-about.html">景点搜索</a></li>
							<li><a href="portfolio-3columns.html">游吃住购行</a></li>

						</ul>
					</nav>
					<!--/ #footer-nav-->
				</div>



			</footer>

			<!-- ************ - end Footer - ************ -->
		</section>
		<!--/ .container-->

		<!-- *************** - end Container - *************** -->


		<!-- ************ - Footer Bottom - ************ -->


		<!-- ************ - end Footer - ************ -->


	</div>
	<!--[if lt IE 9]>
	<script src="js/selectivizr-and-extra-selectors.min.js"></script>
	<script src="../../ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->
</body>
</html>

